import Vue from 'vue'
import Router from 'vue-router'
import Home from '@/components/Home'
import About from '@/components/About'
import Contact from '@/components/Contact'
import HelloWorld from '@/components/HelloWorld'
import ElementTest from '@/components/ElementTest'
import Tree from '@/components/Tree'
import Login from '@/components/Login'


Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'Hello',
      component: Home
    },
    {
      path: '/home',
      name: 'Home',
      component: Home
    },
    {
      path: '/about',
      name: 'About',
      component: About
    },
    {
      path: '/contact',
      name: '/Contact',
      component: Contact
    },{
      path: '/helloWorld',
      name: 'HelloWorld',
      component: HelloWorld
    },{
      path: 'elementTest',
      name: 'ElementTest',
      component: ElementTest
    },{
      path: 'tree',
      name: 'Tree',
      component: Tree
    },
    // ,{
    //   path:'login',
    //   name: 'Login',
    //   component: Login
    // },
    {
      path: '/login',
      component: resolve => require(['../components/Login.vue'], resolve)
    },{
      path: '/zyml',
      component: resolve => require(['../components/ZYML.vue'], resolve)
    },{
      path: '/head',
      component: resolve => require(['../components/head.vue'], resolve)
    },{
      path: '/carousel',
      component: resolve => require(['../components/carousel.vue'], resolve)
    },
  ]
})
